(function () {
    $.fn.extend({
        // _magnifier() {
        //     /*
        //      *  公式:  小图/大图=小区域/大区域
        //      *   只能修改小区域
        //      *   小区域=(小图/大图)*大区域
        //      *  比例=大区域/小区域
        //      * */
        //     $(window).on("load", function () {
        //         // 设置小区域的大小
        //         // $("#middleImg").css({
        //         //     height: $("#middleImg").find("img").height() / $("#bigArea").find("img").height() * $("#bigArea").height(),
        //         //     width: $("#middleImg").find("img").width() / $("#bigArea").find("img").width() * $("#bigArea").width(),
        //         // })
        //         //计算比列
        //         let oScoreX = $("#bigArea").width() / $("#middleArea").width();
        //         let oScoreY = $("#bigArea").height() / $("#middleArea").height();
        //         //进入小图,小区域和大区域要显示
        //         $("#middleImg").on("mouseenter", function () {
        //             $("#middleArea").show();
        //             $("#bigArea").show();
        //         }).on("mouseleave", function () {
        //             $("#middleArea").hide();
        //             $("#bigArea").hide();
        //         })
        //         //在小图里移动
        //         $("#middleImg").on("mousemove", function (e) {
        //             let mX = e.pageX - $(this).offset().left - $("#middleArea").width() / 2;
        //             let mY = e.pageY - $(this).offset().top - $("#middleArea").height() / 2;
        //             if (mX <= 0) {
        //                 mX = 0;
        //             }
        //             if (mY <= 0) {
        //                 mY = 0
        //             }
        //             if (mX >= $("#middleImg").width() - $("#middleArea").width()) {
        //                 mX = $("#middleImg").width() - $("#middleArea").width()
        //             }
        //             if (mY >= $("#middleImg").height() - $("#middleArea").height()) {
        //                 mY = $("#middleImg").height() - $("#middleArea").height()
        //             }
        //             $("#middleArea").css({
        //                 left: mX,
        //                 top: mY
        //             })
        //             $("#bigImg").css({
        //                 left: mX * -oScoreX,
        //                 top: mY * -oScoreY
        //             })
        //         })
        //     })
        // },
        _tabChange(){
            $(this).find("ul>li").on("click",function () {
                let $index=$(this).index();
                $(this).parents(".c3-nav").find("ol").children().eq($index).addClass("selected").siblings().removeClass("selected");
            })
        }
    })
})()
$(function () {
    // $(".magnifier>#box")._magnifier()
    $(".c3-nav")._tabChange()
})